<!DOCTYPE HTML>
<html>
<head>
    <title>.:: Babosarang renewal ::.</title>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <script type="text/javascript" language="javascript" src="js/jquery.js"></script>
    <script type="text/javascript" language="javascript" src="js/html5.js"></script>
    <script type="text/javascript" language="javascript" src="js/jquery.banner.js"></script>
    <script type="text/javascript" language="javascript" src="js/common.js"></script>
    <link rel="stylesheet" type="text/css" href="css/style.css" />
    <link rel="stylesheet" type="text/css" href="css/shop.css" />
    <link rel="shortcut icon" href="img/favicon.ico" />
</head>
<body>
    <header>
        <div class="container"><img src="img/header.jpg" /></div>
    </header>
    <section>
        <div class="container">
    
            <!-- Begin: Breadcrumb -->
            <dl class="breadcrumb">
                <span class="home"></span>홈<span class="cursor"></span><strong>장바구니</strong>
            </dl>
            <!-- End: Breadcrumb -->
            
            <!-- Begin: Order Step Box -->
            <div id="order_step_box">
                <table class="table table-step">
                    <tr height="87">
                        <td width="18">&nbsp;</td>
                        <td align="center" valign="middle"><img src="img/cart/tabc_01.gif" /></td>
                        <td align="center" valign="middle"><img src="img/cart/tab_arrow.gif" /></td>
                        <td align="center" valign="middle"><img src="img/cart/tab_02.gif" /></td>
                        <td align="center" valign="middle"><img src="img/cart/tab_arrow.gif" /></td>
                        <td align="center" valign="middle"><img src="img/cart/tab_03.gif" /></td>
                        <td width="18">&nbsp;</td>
                    </tr>
                </table>
                <div class="step-info">
                    <p class="wrap">최민혜님의 현재 등급 : <strong class="orange">BEST</strong>(혜택보기)  <font color="#cfcfcf">|</font>  포인트 : <strong class="pink">4,388</strong>P  <font color="#cfcfcf">|</font>  할인쿠폰 : <strong class="pink">2</strong>개  <font color="#cfcfcf">|</font>  보너스쿠폰 : <strong class="pink">6</strong>개  <font color="#cfcfcf">|</font>  B-money : <strong class="pink">30,000</strong>원  <font color="#cfcfcf">|</font>  상품권 : <strong class="pink">0</strong>개</p>
                </div>
            </div>
            <!-- End: Order Step Box -->
            
            <div id="cart">
                <!-- Begin: Cart Desciption Section -->
                <table class="mgt15 mgb15">
                    <colgroup>
                        <col width="138" />
                        <col width="5" />
                        <col width="*" />
                    </colgroup>
                    <tbody>
                        <tr>
                            <td valign="top"><img src="img/cart/bg_order_before_check.jpg" /></td>
                            <td valign="middle"><img src="img/cart/ord_before_check_line.jpg" /></td>
                            <td class="pdl15">
                                <p class="info">
                                    장바구니의 상품은 OO일동안 보관 됩니다.<br />
                                    장바구니에 담으신 상품보관을 원하시면 찜 목록에 담아주세요.<br />
                                    주문수량을 변경하시려면 수량을 입력하시거나 화살표 버튼을 클릭해주세요.<br />
                                    교환 및 환불은 상품 수령 후 7일 이내만 가능하며, 포장이 훼손되거나 사용하신 상품은 교환 및 환불이 되지 않습니다.<br />
                                </p>
                            </td>
                        </tr>
                    </tbody>
                </table>
                <!-- End: Cart Desciption Section -->

                <!-- Begin: List Cart Product -->
                <dl class="heading mgt25"><img src="img/cart/cart_title_01.gif" /></dl>
                <table class="table table-cart topln">
                    <colgroup>
                        <col width="40" />
                        <col width="*" />
                        <col width="98" />
                        <col width="120" />
                        <col width="110" />
                        <col width="104" />
                        <col width="98" />
                    </colgroup>
                    <thead>
                        <tr>
                            <th><input type="checkbox" name="" value="" /></th>
                            <th>상품정보</th>
                            <th>판매가</th>
                            <th>수량</th>
                            <th>주문금액</th>
                            <th>혜택</th>
                            <th>보관</th>
                        </tr>
                    </thead>
                    <tbody>
                        <tr height="109">
                            <td align="center"><input type="checkbox" name="" value="" /></td>
                            <td valign="middle">
                                <img src="img/common/product_img_80px.jpg" class="photo" width="80" height="80"/>
                                <p class="info">
                                    <span class="label label-success">무료배송</span><br />
                                    <strong class="nm">필드캔디FIELDCANDY 리틀캠퍼 회전목마</strong><br />
                                    <span class="desc">└  색상/사이즈:레드＋랜덤/58 x 12k</span><br />
                                    <a href="#"><img src="img/cart/btn_change_opt.gif" /></a>
                                </p>
                            </td>
                            <td align="center">418,000 원</td>
                            <td align="center">
                                <input class="qty" type="text" name="" value="1" size="2" />
                                <img src="img/cart/b_qty.gif" usemap="#btnQty"/>
                                <map name="btnQty">
                                  <area shape="rect" coords="0,0,15,10" href="javascript:void(0)" alt="add" />
                                  <area shape="rect" coords="0,12,15,22" href="javascript:void(0)" alt="del" />
                                </map>
                                <img class="hand" src="img/cart/btn_qty_change.gif" />
                            </td>
                            <td align="center">418,000 원</td>
                            <td align="center"><a href="#"><img src="img/cart/btn_receive_coupon.gif" /></a></td>
                            <td align="center"><a href="#"><img src="img/cart/btn_add_wihlist_s.gif" /></a></td>
                        </tr>
                        <tr height="109">
                            <td align="center"><input type="checkbox" name="" value="" /></td>
                            <td>
                                <img src="img/common/product_img_80px.jpg" class="photo" width="80" height="80"/>
                                <p class="info">
                                    <span class="label label-info">세일</span><br />
                                    <strong class="nm">필드캔디FIELDCANDY 리틀캠퍼 회전목마</strong><span class="aqua">[쿠폰 미적용상품]</span><br />
                                    <span class="desc">└  색상/사이즈:레드＋랜덤/58 x 12k</span>
                                </p>
                            </td>
                            <td align="center">418,000 원</td>
                            <td align="center">
                                <input class="qty" type="text" name="" value="1" size="2" />
                                <img src="img/cart/b_qty.gif" usemap="#btnQty"/>
                                <map name="btnQty">
                                  <area shape="rect" coords="0,0,15,10" href="javascript:void(0)" alt="add" />
                                  <area shape="rect" coords="0,12,15,22" href="javascript:void(0)" alt="del" />
                                </map>
                                <img class="hand" src="img/cart/btn_qty_change.gif" />
                            </td>
                            <td align="center">418,000 원</td>
                            <td align="center"><b class="pink">10%</b></td>
                            <td align="center"><img class="hand" src="img/cart/btn_add_wihlist_s.gif" /></td>
                        </tr>
                        <tr height="54">
                            <td class="lbg" colspan="7">상품 합계금액 <b>2,893,000 원</b> + 배송비 <b>무료</b> <img class="hand" src="img/cart/btn_cart_saving_ship.gif" /> = 총 합계 <b class="fs15">2,893,000 원</b> </td>
                        </tr>
                    </tbody>
                </table>
                <table class="mgt15" width="100%">
                    <colgroup>
                        <col width="270" />
                        <col width="" />
                    </colgroup>
                    <tbody>
                        <tr>
                            <td align="left">
                                <img class="hand" src="img/cart/btn_del_product.gif" />
                                <img class="hand" src="img/cart/btn_add_wihlist.gif" />
                            </td>
                            <td align="right">
                                <img class="hand" src="img/cart/btn_continue_order.gif" />
                                <img class="hand" src="img/cart/btn_select_order.gif" />
                                <img class="hand" src="img/cart/btn_all_order.gif" />
                            </td>
                        </tr>
                    </tbody>
                </table>
                <!-- End: List Cart Product -->

                <!-- Begin: Account Section -->
                <div class="box-account">
                    <table class="table-account" border="0" cellspacing="0" cellpadding="0">
                        <colgroup>
                            <col width="250" />
                            <col width="30" />
                            <col width="250" />
                            <col width="30" />
                            <col width="250" />
                            <col width="30" />
                            <col width="" />
                        </colgroup>
                        <tbody>
                            <tr height="37" class="stit">
                                <td><img src="img/cart/cart_account_title_01.gif" /></td>
                                <td class="line"><img src="img/cart/bg_cart_acc_line.jpg" /></td>
                                <td><img src="img/cart/cart_account_title_02.gif" /></td>
                                <td class="line"><img src="img/cart/bg_cart_acc_line.jpg" /></td>
                                <td><img src="img/cart/cart_account_title_03.gif" /></td>
                                <td class="line"><img src="img/cart/bg_cart_acc_line.jpg" /></td>
                                <td><img src="img/cart/cart_account_title_04.gif" /></td>
                            </tr>
                            <tr height="63">
                                <td class="cell" align="right">
                                    <span class="priceb">3,168,000</span> 원<br/>
                                    <span>상품금액 : 445,500 원</span>
                                </td>
                                <td class="line"><img src="img/cart/bg_cart_line_minus.jpg" /></td>
                                <td class="cell" align="right">
                                    <span class="priceb">0</span> 원<br/>
                                    <span>배송비 : 무료</span>
                                </td>
                                <td class="line"><img src="img/cart/bg_cart_line_plus.jpg" /></td>
                                <td class="cell" align="right">
                                    <span class="priceb gray">275,000</span> 원<br/>
                                    <span>할인금액 : 275,000 원</span>
                                </td>
                                <td class="line"><img src="img/cart/bg_cart_line_result.jpg" /></td>
                                <td class="cell" align="right">
                                    <span class="priceb pink">2,893,000</span> 원<br/>
                                    <span>적립 예정 포인트 : 3,500 P</span>
                                </td>
                            </tr>
                        </tbody>
                    </table>
                </div>
                <table class="mgt10" width="100%">
                    <tbody>
                        <tr>
                            <td align="right">
                                <img class="hand" src="img/cart/btn_cart_army_s.gif" />
                                <img class="hand" src="img/cart/btn_cart_foreign_s.gif" />
                                <img class="hand" src="img/cart/btn_cart_full_order_s.gif" />
                            </td>
                        </tr>
                    </tbody>
                </table>
                <!-- End: Account Section -->


                <!-- Begin: Membership Section -->
                <ul class="clearfix">
                    <li class="step-membership">
                        <dl class="heading"><img src="img/cart/cart_title_02.gif" /></dl>
                        <table width="100%" style="border: 1px solid #ddd;">
                            <tbody>
                                <tr height="109">
                                    <td align="center">
                                        <img src="img/cart/bg_membership.jpg" />
                                    </td>
                                </tr>
                            </tbody>
                        </table>
                    </li>
                    <li class="step-payment">
                        <dl class="heading"><img src="img/cart/cart_title_03.gif" /><span>결제를 위한 소비자 정보는 해당 결제 대행사에 제공됩니다.</span></dl>
                        <table class="table table-bordered topln">
                            <thead>
                                <tr height="34">
                                    <th align="center">네이버 체크아웃 (비회원)</th>
                                    <th align="center">옥션 안전결제</th>
                                </tr>
                            </thead>
                            <tbody>
                                <tr height="74">
                                    <td align="center" valign="middle">
                                        <img src="img/cart/bg_naver_checkout.jpg" usemap="#btnNaverCheckout" />
                                        <map name="btnNaverCheckout">
                                            <area shape="rect" coords="111,8,182,32" href="#naver_checkout" alt="Naver Checkout"/>
                                            <area shape="rect" coords="191,37,206,51" href="#naver_help" alt="Naver Help"/>
                                        </map>
                                    </td>
                                    <td align="center" valign="middle">
                                        <img src="img/cart/bg_auction_checkout.jpg" usemap="#btnAuctionCheckout" />
                                        <map name="btnAuctionCheckout">
                                            <area shape="rect" coords="111,9,184,33" href="#" alt="Auction Checkout"/>
                                        </map>
                                    </td>
                                </tr>
                            </tbody>
                        </table>
                    </li>
                </ul>
                <div class="clearfix"></div>
                <!-- End: Membership Section -->

                <!-- Begin: List Product In Wishlist -->
                <dl class="heading"><img src="img/cart/cart_title_04.gif" /></dl>
                <table class="table table-cart topln">
                    <colgroup>
                       <col width="40" />
                        <col width="*" />
                        <col width="107" />
                        <col width="125" />
                        <col width="136" />
                    </colgroup>
                    <thead>
                        <tr>
                            <th><input type="checkbox" name="" value="" /></th>
                            <th>상품정보</th>
                            <th>판매가</th>
                            <th>혜택</th>
                            <th>보관</th>
                        </tr>
                    </thead>
                    <tbody>
                        <tr height="107">
                            <td align="center"><input type="checkbox" name="" value="" /></td>
                            <td valign="middle">
                                <img src="img/common/product_img_80px.jpg" class="photo" width="80" height="80"/>
                                <p class="info">
                                    <span class="label"></span><br />
                                    <a class="nm" href="#" title="필드캔디FIELDCANDY 리틀캠퍼 회전목마">필드캔디FIELDCANDY 리틀캠퍼 회전목마</a><br />
                                </p>
                            </td>
                            <td align="center">418,000 원</td>
                            <td align="center"><img class="hand" src="img/cart/btn_receive_coupon.gif" /></td>
                            <td align="center">
                                <img class="hand" src="img/cart/btn_add_cart_s.gif" />
                                <img class="hand  mgt5" src="img/cart/btn_del_product_s.gif" />
                            </td>
                        </tr>
                        <tr height="107">
                            <td align="center"><input type="checkbox" name="" value="" /></td>
                            <td>
                                <img src="img/common/product_img_80px.jpg" class="photo" width="80" height="80"/>
                                <p class="info">
                                    <span class="label label-info">세일</span><br />
                                    <a class="nm" href="#" title="필드캔디FIELDCANDY 리틀캠퍼 회전목마">필드캔디FIELDCANDY 리틀캠퍼 회전목마</a><span class="aqua">[쿠폰 미적용상품]</span><br />
                                    <span class="desc">└  색상/사이즈:레드＋랜덤/58 x 12k</span>
                                </p>
                            </td>
                            <td align="center">418,000 원</td>
                            <td align="center"><b class="pink">10%</b></td>
                            <td align="center">
                                <img class="hand" src="img/cart/btn_add_cart_s.gif" />
                                <img class="hand mgt5" src="img/cart/btn_del_product_s.gif" />
                            </td>
                        </tr>
                    </tbody>
                </table>
                <table class="mgt10">
                    <tbody>
                        <tr>
                            <td align="left">
                                <img class="hand" src="img/cart/btn_del_product.gif" />
                                <img class="hand" src="img/cart/btn_add_wihlist.gif" />
                            </td>
                        </tr>
                    </tbody>
                </table>
                <!-- End: List Product In Wishlist -->
                <br /><br /><br /><br />
                </div>
            </div>
    </section>
    <footer>
        <div class="container"><img src="img/footer.jpg" /></div>
    </footer>
</body>
</html>